* {
    margin: 0;
    padding: 0;
}

#shopcar {
    width: 100%;
    height: 100vh;

    #liuhai {
        width: 100%;
        height: 100px;
        background: #de7d2c;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        text-align: center;
        line-height: 100px;
        color: white;
        display: flex;
        justify-content: space-around;
    }

    #carlist {
        width: 100%;
        height: 70vh;
        overflow: hidden;
        overflow-y: scroll;
        #message {
            width: 95%;
            height: 180px;
            border-radius: 10px;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
            margin: 20px auto;

            #message_author {
                width: 100%;
                height: 50px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);

                #msg_author {
                    width: 90%;
                    height: 100%;
                    margin: 0 auto;

                    #msg_photo {
                        width: 15%;
                        height: 100%;
                        float: left;
                        border-radius: 50%;
                        overflow: hidden;

                        img {
                            width: 100%;
                            height: 100%;
                        }
                    }

                    #msg_con {
                        width: 60%;
                        height: 100%;
                        float: left;
                        line-height: 25px;
                        text-indent: 1em;
                        ;
                    }
                }

                #msg_detail {
                    #dta_book {
                        width: 90%;
                        height: 120px;
                        margin: 0 auto;
                        display: flex;
                        justify-content: space-between;

                        #bookChecked {
                            width: 6%;
                            height: 100%;
                            input{
                                width:20px;
                                height:20px;
                                margin-top: 50px;
                            }
                        }

                        #bookleft {
                            width: 39%;
                            height: 100%;

                            img {
                                width: 80%;
                                height: 100%;
                                margin-left: 20px;
                            }
                        }

                        #bookright {
                            width: 55%;
                            height: 100%;
                            font-size: 14px;

                            p {
                                margin-top: 10px;
                            }
                        }
                    }
                }

            }
        }
    }
    #over{
        width:90%;
        height:50px;
        border-bottom:1px solid #cecece;
        margin:0 auto;
        text-align: center;
        display:flex;
        justify-content: space-around;
        .checkAll{
            width:30%;
            height:100%;  
            line-height:50px; 
        }
        .total{
            width:30%;
            height:100%; 
            p{
                margin-top:5px;
            }
        }
        .settlement{
            width:30%;
            height:100%;
            line-height:50px; 
            background:#de7d2c;
            border-radius:10px;
        }
    }

    #over1{
        width:90%;
        height:50px;
        border-bottom:1px solid #cecece;
        margin:0 auto;
        text-align: center;
        display:flex;
        justify-content: space-around;
        .checkAll{
            width:30%;
            height:100%;  
            line-height:50px; 
        }
        .total{
            width:30%;
            height:100%; 
            background:#de7d2c;
            line-height:50px;
            border-radius:10px;
        }
        .settlement{
            width:30%;
            height:100%;
            line-height:50px; 
            background:#e64340;
            border-radius:10px;
        }
    }

}